/* 
    Document   : acd.main
    Created on : 14/11/2012, 09:55:31 AM
    Author     : acazares
    Description:
        Hoja de estilos base
*/
.ui-messages-error-icon{display:none;}
body{
    margin:0px;
    padding:0px;
    padding-top:76px;        
}
.body{
    background-color: #fff;
}
.inBody{
    background-color: #fff; border:solid 1px #fff; width:977px; 
    padding-bottom:40px;
    padding-top:40px;
}
.footer{
    Xbackground-image: url('../../recursos/imagenes/footer.png');
    background-repeat: repeat-x;
    padding-top:20px;
    width:100%;    
    text-align:center;
}

.menuUser{
    background-color:#333; width:110px; 
    position:fixed;
    right:1px; top:30px;
    border:solid 1px #fff;
    z-index:10; color:#fff;
    font-size:12px;
    display:none;
    padding:10px;
    -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 2px rgba(0,0,0,.2);
    box-shadow: 0 5px 2px rgba(0,0,0,.2);
}
.header{
    background-image: url('../../recursos/imagenes/azulTop.png'); 
    background-repeat: repeat-x;
    width:100%;
    height:29px;
    position:fixed;    
    top:0px;
    left:0px;
    color:#fff;
    font-size:12px;    
    padding-top:12px;
    padding-left:12px;
    padding-right:12px;
    z-index:9;    
    -moz-box-shadow:    -12px 10px 35px -10px #556;
    -webkit-box-shadow: -12px 10px 35px -10px #556;
    box-shadow:         -12px 10px 35px -10px #556;
}
.notificaciones{
    margin-right:30px;
    width:100%; position:absolute; top:12px; right:0px;
    text-align: right; 
}

.buttonClass{
    float:right;
    border:solid 1px #357;
    font-size:10px;
    padding:1px 5px 1px 5px;
    margin:-2px;
    margin-left:10px;
    -webkit-border-radius: .3em; 
    -moz-border-radius: .3em;
    border-radius: .3em;
    cursor:pointer;
}

#introImg{
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px; 
    border:solid 1px darkblue; 
    background-image: url('../../recursos/imagenes/lib/Blue_Binary_Code_Jigsaw_Puzzle1.jpg');
    background-size: 977px 522px; 
    width:977px; height:522px; overflow:hidden; position: relative;        
}
.shadowBlue{
    -moz-box-shadow:    0px 30px 40px -15px #556;
    -webkit-box-shadow: 0px 30px 40px -15px #556;
    box-shadow:         0px 30px 40px -15px #556;
}

#formLogin{
    display: inherit; 
    background-image: url('../../recursos/imagenes/lib/Blue_Binary_Code_Jigsaw_Puzzle1.jpg');  
    border-top:solid 1px #fff; border-bottom:solid 1px #fff;
    margin-top:5px; margin-bottom:5px;
    padding-top:5px; padding-bottom:5px;
}
#formLogin input{
    font-size:14px; height:25px; width:160px; margin:5px;
    text-align:center; font-weight:bold; color:#333; 
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: solid 1px black;
}
#formLogin button{
    font-size:14px; height:25px; width:160px; margin:5px;
    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
#divLogin{
    position:absolute; top:100px; right:20px; width:200px; 
    text-align:center; border:solid 1px #fff; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    border-radius: 10px; 
    font-size: 12px;    
    background-size: 220px 220px;
    background-color: #333;
    padding-bottom:10px;
    color:#fff;
}
#divLogin div{
    font-size:16px; letter-spacing: 2px; 
    margin-top:10px; font-weight: bold;
}
#lblRegistro{
    letter-spacing: 2px; text-decoration: underline;
    cursor: pointer; 
}
.linkBlanco{
    letter-spacing: 2px; color:#fff;
}
#msgErrorLogin{
    color:#fff;
    display:none;
}
.hidden{
    display:none;
}
.clickeable{
    cursor: pointer;
}
.blanco{
    margin: 3px 0 3px 0;
    color: #444;
    border: solid 1px #cccccc;
    background: #fefdfd;
    background: -webkit-gradient(linear, left top, left bottom, from(#fefdfd), to(#dddddd));
    background: -moz-linear-gradient(top,  #fefdfd,  #dddddd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefdfd', endColorstr='#dddddd');

    -webkit-border-radius: .2em; 
    -moz-border-radius: .2em;
    border-radius: .2em;

    -webkit-box-shadow: 0 5px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 2px rgba(0,0,0,.2);
    box-shadow: 0 5px 2px rgba(0,0,0,.2);
    padding:2px 15px 2px 15px;
}
.blanco:hover {
    background: #dddddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#fefdfd));
    background: -moz-linear-gradient(top,  #dddddd,  #fefdfd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#fefdfd');
}
.blanco:active {
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#fefdfd));
    background: -moz-linear-gradient(top,  #dddddd,  #fefdfd);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#fefdfd');
}    
.toLink{
    cursor:pointer;    
}



.fav-slide {
    background: url('../../recursos/imagenes/bg-pattern.png') repeat-x bottom center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.tdIcon{
    vertical-align: top; color:#333; width:70px; text-align:left;
}
.iconBox{
    display: inline-block; padding:5px; 
    border:solid 3px #333; 
    border-radius:5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    width:35px; text-align:center; 
    -webkit-box-shadow: -12px 10px 35px -10px #556;
    -moz-box-shadow: -12px 10px 35px -10px #556;
    box-shadow: -12px 10px 35px -10px #556;
}
.shadowBox{
    display: inline-block; padding:5px; 
    border:solid 3px #333; 
    border-radius:5px; 
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; 
    -webkit-box-shadow: -12px 10px 35px -10px #556;
    -moz-box-shadow: -12px 10px 35px -10px #556;
    box-shadow: -12px 10px 35px -10px #556;
}
.tdBoxInfo{
    padding-right:20px; vertical-align:top;
}
.tdBoxInfo.final{
    padding-right:0px;
}
.fixContenedor{
    position:relative; margin-top:30px; width:1000px; margin:auto;
}
.center{
    text-align:center;
}
.footer_{
    width:977px; margin: auto;
}
hr.jv{
    height:3px; background-color:#444; border: solid 0px #444; margin:0px;
}
span.jv_footer{
    color:#444; font-size:12px;
}
#btnTriggerLogin{
    position:absolute; top:10px; right:50px; z-index:1000;
}
#divLogin{
    z-index:1000; top:45px; right:50px; display:none;
}
table.iconMenu{
    margin:auto; width:1000px;
}


.modalJv{
    position: fixed; top:0%; left:0px; width:100%; height:100%; 
    background-image: url('../imagenes/semi-transparent1.png'); display:none;
}
.modalJvN1{
    position: relative; margin-top:10%;
}
.modalJvN2{
    margin: auto; text-align: center; background-color: #fff; 
    display:block; width:50%; padding:20px; cursor: pointer;
}
.modalJvN3{
    position: relative; cursor: default;
}
#modalJvBtns{
    text-align: right;
}
.modalJvClose{
    position: absolute; right: -28px; top:-30px; display:none;
}
.closeModal{
    cursor: pointer;
}